<template>

<div>
  <div class="chj_brand_banner">
  	<div class="chj_seek_box">
  		<input type="text" name="" id="" placeholder="输入商标关键词、商标注册证号、商品/服务项目" @keyup.enter='seek' v-model="msg" class="submits" />
  		<a class="chj_seek" href="javascript:;" @click="seek"><i></i>搜索</a>
  	</div>
    <ul class="chj_seek_list">
    	<li v-for="(i,index) in tcmsg" :key="index" @click="xl(i,index)"><a href="javascript:;">{{i.trademarkname}}</a></li>
    </ul>
  </div>




  <div class="chj_brand_cont">
  	<h2 class="classify">
  		<div class="classify_le"><i></i></div>
  		<div class="classify_cent">商标分类<span>交易更安全、更放心</span></div>
  	</h2>

  	<div class="chj_brand_tap af">
  		<!-- <a href="javascript:;" v-for="(i,index) in title.brand" :key="index" @click="tap(i.trademarktype,i.id)" :class="i.id == aa?'on':''">{{i.trademarktype}}类-{{i.trademarktypename}}</a> -->
<a href="javascript:;" v-for="(i,index) in classify" :key="index" @click="tap(index+1,i)" :class="index == aa?'on':''">{{i}}</a>

  	</div>


 	<div class="chj_brand_down">
  		<div class="le">
  			<span>商标类型选择：</span>
  			<a href="javascript:;" @click="huifu">全部</a>
  			<a href="javascript:;" :style="{'display':ctext ? 'block':'none'}">{{ctext == ""?'':ctext}}</a>
  		</div>
  		<ul class="ri">
  		<!-- 	<li class="on"><a href="javascript:;">综合</a></li>
  			<li><a href="javascript:;">新品</a></li>
  			<li><a href="javascript:;">人气</a></li> -->
  		</ul>
  	</div>


  	<div class="chj_brand_list_box">

      <ul class="chj_brand_list af" v-if="tcmsg == ''">
      	<li class="item">
      			<div class="item_img"  @click="dkgm2()">
              <!-- <img :src="ss.trademarkshowimage == null?'https://exam.zhonghaiqihang.com/'+ss.trademarkimage:'https://exam.zhonghaiqihang.com/'+ss.trademarkshowimage" > -->
              <!-- <img :src="ss.trademarkshowimagetwo == null ?'https://exam.zhonghaiqihang.com/'+ss.trademarkimage:'https://exam.zhonghaiqihang.com/'+i.trademarkshowimagetwo" > -->
              <!-- :style="{'display':ss.trademarkshowimagetwo == null ? 'none':'block'}" -->
            </div>
      			<div class="item_text">
      				<p class="item_text_p1">{{ss.trademarkname}}</p>
      				<p class="item_text_p2">
      					<span>{{ss.trademarktype}}类-{{ss.trademarkname}}</span>
      					<span>

      						<a class="kefu" href="http://p.qiao.baidu.com/cps/chat?siteId=15157864&userId=20820778&siteToken=a31d186e7b9daffb1301188e07e5b2d1" target="_blank"></a>
      					</span>
      				</p>
      			</div>
      	</li>

      </ul>


  		<ul class="chj_brand_list af" v-else>
  			<li class="item" v-for="(i,index) in tcmsg" :key="index">
          <div v-if="i.trademarkshowimagetwo == null">
            <div class="item_img">
              <a href="JavaScript:;" rel="nofollow">
              <img  @click="dkgm(i,index)" :src="i.trademarkshowimage == null?'https://exam.zhonghaiqihang.com/'+i.trademarkimage:'https://exam.zhonghaiqihang.com/'+i.trademarkshowimage" >
              </a>
            </div>
          </div>
          <div class="chj_else" v-else>
            <el-carousel trigger="click" :interval = "2000"   height="203px">

                 <el-carousel-item v-for="(item,index) in i.array1" :key="index">
                 <div class="item_img">
                      <!-- {{item}} -->
                   <a href="JavaScript:;" rel="nofollow">

                    <img  @click="dkgm(i,index)" :src="'https://exam.zhonghaiqihang.com/'+item.trademarkshowimagetwo" alt="">
                   </a>
                    <!-- <h3>{{chjarr[0] = i.trademarkshowimage?chjarr[0] = i.trademarkshowimage:''}}</h3> -->
                  </div>
                 </el-carousel-item>
               </el-carousel>
          </div>
  					<div class="item_text">
  						<p class="item_text_p1">{{i.trademarkname}}</p>
  						<p class="item_text_p2">
  							<span>{{i.trademarktype}}类-{{i.trademarktypename}}</span>
  							<span>

  								<a class="kefu" href="http://p.qiao.baidu.com/cps/chat?siteId=15157864&userId=20820778&siteToken=a31d186e7b9daffb1301188e07e5b2d1" target="_blank"></a>
  							</span>
  						</p>
  					</div>
  			</li>

  		</ul>
  	</div>


  </div>


      <div class="chj_brand_page" v-if="eee == 0">
        <a class="sy" href="javascript:;" @click="syz">首页</a><a href="javascript:;" @click="syy" class="prev">上一页</a>
        <a href="javascript:;" v-for="(i,index) in sl4" @click="qh(i*12+1)"  :class="i==sl3?'on':''">{{i+1}}</a>
        <a href="javascript:;" @click="xyy" class="next">下一页</a><a href="javascript:;" @click="xyz"  class="wy">尾页</a>
        <span style="font-size: 14px;
            margin-left: 23px;
        font-weight: 400;
        color: #555555;"
                >共{{countnum}}页</span>
      </div>

      <div class="chj_brand_page" v-else-if="eee == 1">
        <a class="sy" href="javascript:;" @click="syz2">首页</a><a href="javascript:;" @click="syy2" class="prev">上一页</a>
        <a href="javascript:;" v-for="(i,index) in sl42.slice(0,5)" @click="qh2(i*12+1)"  :class="i==sl32?'on':''">{{i+1}}</a>
        <a href="javascript:;" @click="xyy2" class="next">下一页</a><a href="javascript:;" @click="xyz2"  class="wy">尾页</a>
        <span style="font-size: 14px;
            margin-left: 23px;
font-weight: 400;
color: #555555;"
        >共{{Math.ceil(ctnm2/12)}}页</span>
      </div>


      <div class="chj_brand_page" v-else>
        <a class="sy" href="javascript:;" @click="syz3">首页</a><a href="javascript:;" @click="syy3" class="prev">上一页</a>
        <a href="javascript:;" v-for="(i,index) in sl43.slice(0,5)" @click="qh3(i*12+1)"  :class="i==sl33?'on':''">{{i+1}}</a>
        <a href="javascript:;" @click="xyy3" class="next">下一页</a><a href="javascript:;" @click="xyz3"  class="wy">尾页</a>
        <span style="font-size: 14px;
            margin-left: 23px;
        font-weight: 400;
        color: #555555;"
                >共{{Math.ceil(ctnm3/12)}}页</span>
      </div>



      <div class="gmtc" :class="goumai.select==0?'':'select'">

		<div class="chj_brand_alert">
			<a href="javascript:;" @click="gmgb()" class="close"></a>
			<div class="chj_brand_main">
				<div class="chj_brand_alert_cont">
					<div class="brand_top">
						<div class="le">商标图片</div>

            <div class="ce" v-if="goumai.trademarkshowimagetwo == null">

                      <div class="ce_img">
                       <a href="JavaScript:;" rel="nofollow">
                          <img :src="'https://exam.zhonghaiqihang.com/' + goumai.array1[0].trademarkimage" alt="">
                       </a>
                       </div>
            </div>



						<div class="ce" v-else>
               <el-carousel trigger="click" :interval = "2000"  height="255px">

                    <el-carousel-item v-for="(item,index) in goumai.array1" :key="index">

                      <div class="ce_img">
                         <a href="JavaScript:;" rel="nofollow">
                         <img :src="'https://exam.zhonghaiqihang.com/' + item.trademarkimage" alt="">
                         </a>
                       </div>
                    </el-carousel-item>
                  </el-carousel>

						</div>
						<div class="ri">
							<ul>
								<li>
									<p class="p1">商标名称</p>
									<p class="p2">{{goumai.name}}</p>
								</li>
								<li>
									<p class="p1">商标注册证号</p>
									<p class="p2">{{goumai.zhucemark}}</p>
								</li>
								<li>
									<p class="p1">商标类别</p>
									<p class="p2">第{{goumai.liebie}}类</p>
								</li>
								<li>
									<p class="p1">注册类别</p>
									<p class="p2 text-overflow-1">{{goumai.chucesort}}</p>
								</li>
								<li>
									<p class="p1">建议销售价</p>
									<p class="p2"><span>{{goumai.jiage}}</span><i>元</i><a href="http://p.qiao.baidu.com/cps/chat?siteId=15157864&userId=20820778&siteToken=a31d186e7b9daffb1301188e07e5b2d1" target="_blank">联系持有人</a></p>
								</li>
							</ul>
						</div>
					</div>
					<div class="brand_bottom">
						<div class="le">商品/服务项目</div>
						<div class="ri">
							{{goumai.text}}
						</div>
					</div>
				</div>

			</div>
		</div>





      </div>

      <section class="sc3 sc">
        <h3>知识产权<span>为产品提供360度全方位保护</span></h3>
        <ul class="af">
          <li class="li1"  v-for="(dt2,idx2) in title.index.zscqData" :class="(idx2+1)%4==0?'last':''"><a :href="'/ServiceDetails/'+dt2.id+'?name='+(dt2.servicelevel==2?dt2.id:dt2.pid)" target="_blank"><img :src="'https://exam.zhonghaiqihang.com/'+dt2.oneiconimg" width="66" height="66" >
            <div>
              <h4>{{dt2.servicename}}</h4>
              <p>{{dt2.remark}}</p>
            </div>
          </a></li>
        </ul>
      </section>



      <section class="sc5">
        <ul class="af">
          <li class="li1">
            <div class="nm">
              <h4>优选管家</h4>
              <p style="text-indent: 0; font-size: 16px; font-weight: bold ">用我们的专业 成就您的事业</p>
              <p style="text-indent: 0"><a href="/ServiceDetails/2?name=2"  target="_blank">公司注册</a> <a href="/ServiceDetails/24?name=24" target="_blank">公司转让</a>
                <a href="/ServiceDetails/7?name=7" target="_blank">公司变更</a> <br/><a href="/ServiceDetails/39?name=39" target="_blank">公司注销</a>
                <a href="/ServiceDetails/14?name=14" target="_blank">公司收购</a> <br/>
                <a href="ServiceDetails/193?name=14" target="_blank">教育培训机构转让</a><br/>
                <a href="http://p.qiao.baidu.com/cps/chat?siteId=15157864&userId=20820778&siteToken=a31d186e7b9daffb1301188e07e5b2d1" target="_blank">公户车指标转让</a>
                <a href="/ServiceDetails/138?name=92" target="_blank">建筑资质申办</a> <br/><a href="/ServiceDetails/95?name=92" target="_blank">转让
                  食品卫生经营许可证</a><br/>
                <a href="/ServiceDetails/101?name=92" target="_blank">道路运输经营许可证</a><br/>
                <a href="/ServiceDetails/96?name=92" target="_blank"> 广播电视节目许可证</a><br/>
                <a href="/ServiceDetails/102?name=92" target="_blank">营业性演出许可证</a>
                <a href="/ServiceDetails/45?name=45" target="_blank">代理记账</a> <br/><a href="/ServiceDetails/70?name=68" target="_blank">商标购买</a>
                <a href="http://p.qiao.baidu.com/cps/chat?siteId=15157864&userId=20820778&siteToken=a31d186e7b9daffb1301188e07e5b2d1" target="_blank">税务解异常</a> <a href="http://p.qiao.baidu.com/cps/chat?siteId=15157864&userId=20820778&siteToken=a31d186e7b9daffb1301188e07e5b2d1" target="_blank">地址解异常</a></p>
            </div>
          </li>
          <li  v-for="(gj,gji) in title.gj" :class="['li'+(gji+2),(gji+2)==4?'last':'',(gji+2)==7?'last':'',(gji+2-7)%4==0?'last':'']" :style="{width: '284px',height: '225px',background:'url('+'https://exam.zhonghaiqihang.com'+ gj.avatar+') no-repeat center',backgroundSize:'100% 100%'}">
            <div class="nm">

              <h4>{{gj.username}}</h4>
              <p>{{gjname[gji]}}</p>
            </div>
            <div class="hv">
              <p class="js">{{gj.username}}<span>{{gj.mobile}}</span></p>
              <img :src="'https://exam.zhonghaiqihang.com/'+gj.twocode" width="121" height="121">
              <div class="ab"><a :href="gj.cclink" target="_blank" class="r">立即在线咨询</a></div>
            </div>
          </li>
        </ul>
      </section>
      <section class="hzhb">
        <h3>合作伙伴</h3>
        <ul class="hbul">
          <li v-for="(hb,id) in title.index.partnerData.slice(0,10)" :key="id" :style="{background:'url(https://exam.zhonghaiqihang.com'+hb.image+') no-repeat center'}"></li>
        </ul>
      </section>

 <my-ft></my-ft>
</div>


</template>

<script>

	import axios from 'axios';
	import $ from 'jquery';
export default {
  name: 'HelloWorld',
  head() {
  	return {
  		title: '北京商标查询_精品商标_商标转让_企业邦',
  		meta: [{
  				hid: 'description',
  				name: 'description',
  				content: '北京商标查询_精品商标_商标转让_企业邦'
  			},
  			{
  				hid: 'keywords',
  				name: 'keywords',
  				content: '北京商标查询_精品商标_商标转让_企业邦'
  			}
  		]
  	}
  },



  data(){
    return{
      countnum:0,
      gjname:['经营资质顾问','经营资质顾问','经营资质顾问','经营资质顾问','经营资质顾问','经营资质顾问','经营资质顾问','经营资质顾问','经营资质顾问','经营资质顾问'],
      gjdata:null,
      msg:'',
      ss:'',
      classify:['01类-化学原料','02类-颜料油漆','03类-日化用品','04类-燃料油脂','05类-药品制剂','06类-金属材料','07类-机械设备','08类-手工器械','09类-科学仪器','10类-医疗器械','11类-灯具空调',
                '12类-运输工具','13类-军火烟火','14类-珠宝钟表','15类-乐器 ','16类-办公用品','17类-橡胶制品','18类-皮革皮具','19类-建筑材料','20类-家具','21类-厨房洁具','22类-绳网袋篷','23类-纱线丝',
                '24类-布料床单','25类-服装鞋帽','26类-钮扣拉链','27类-地毯席垫','28类-玩具','29类-食品','30类-方便食品','31类-饲料种籽','32类-啤酒饮料','33类-酒','34类-烟草烟具','35类-广告销售','36类-金融物管',
                '37类-建筑修理','38类-通讯服务','39类-运输贮藏','40类-材料加工 ','41类-教育','42类-网站服务','43类-餐饮住宿','44类-医疗园艺','45类-社会服务'


      ],
      swiperOption:{
        // loop: true,
        // slidesPerView: 'auto',
        // centeredSlides: true,
        // observer:true,
        // observeParents:true,
        // autoplay:{
        //   delay:5000,
        //   disableOnInteraction:false,
        //   spaceBetween:5000,
        //   loop:true,
        // },
        // spaceBetween: 30,
        // pagination: {
        //   el: '.swiper-pagination',
        //   dynamicBullets: true
        // },
        // on: {
        //   slideChange() {
        //   },
        //   tap() {
        //   }
        // }
      },
       goumai:{
         img:'',
         img2:'',
         name:'',
         zhucemark:'',
         liebie:'',
         chucesort :'',
         jiage:0,
         select:0,
         text:'',
         two:'',
         trademarkshowimagetwo:'',
         array1:[
           {trademarkimage:''},
           {trademarkimage:''},
         ],
       },
       tcmsg:"",
       tcmsg2:"",
       eee:0,
       aa:'-1',
       sl4:[0],
       sl42:[0],
       sl43:[0],
       num1:'0',
       num2:'0',
       num3:'0',
        sl3:0,
        sl32:0,
        sl33:0,
        ctnm:0,
        ctnm2:'',
        ctnm3:'',
        djshu:0,
         sl2:[1],
         sl:1,
         aa2:'',
         ctext:'',
         chjarr:[]
    }
  },

  async asyncData({ pramas }) {
  	let nh = await axios.get(`https://exam.zhonghaiqihang.com/PInterface/Header/headerData`);
  	let all = await axios.get(`https://exam.zhonghaiqihang.com/PInterface/Problem`);
  	let vv = await axios.get(`https://exam.zhonghaiqihang.com/PInterface/Problem/detail`);

    let brand = await axios.get(`https://exam.zhonghaiqihang.com/PInterface/Trademark/trademarkData`);
    let nh3 = await axios.get(`https://exam.zhonghaiqihang.com/PInterface/Trademark/trademarkData?num=0`,);
    let nh4 = 1;
    let nh5 = await axios.get(`https://exam.zhonghaiqihang.com/PInterface/Receptionist/receptionistData`);

     let nh2 = await axios.get(`https://exam.zhonghaiqihang.com/PInterface/Index/indexData`);
  	let data = {
  		nav: nh.data,
  		all: all.data,
  		vv: vv.data,
      brand:brand.data,
      info:nh3.data,
      gj:nh5.data,
      index:nh2.data
      // info2:nh3.data.info[0].info,
  	};
  	return {
  		title: data
  	}
  },

  mounted:function(){
    this.countnum = Math.ceil(this.title.info.countnum/12)

    if(this.msg == ""){
      $('.chj_seek_list').hide()
    }


    $(document).ready(function(){
      $('.tbnava3').addClass('select');

    })
    this.tcmsg = this.title.brand
    this.ctnm = this.tcmsg.countnum
    delete this.tcmsg.countnum;
    // console.log(this.tcmsg)
      var _this = this;
      _this.$axios.get('https://exam.zhonghaiqihang.com/' + '/PInterface/Trademark/trademarkData')
        .then(function (response) {

          // console.log(response.data)
          if(Math.ceil(_this.ctnm/6)==1){
            _this.sl4=[0]
          }else if(Math.ceil(_this.ctnm/12)==2){
            _this.sl4=[0,1]
          }else if(Math.ceil(_this.ctnm/12)==3){
            _this.sl4=[0,1,2]
          }else if(Math.ceil(_this.ctnm/12)==4){
            _this.sl4=[0,1,2,3]
          }else if(Math.ceil(_this.ctnm/12)==5){
            _this.sl4=[0,1,2,3,4]
          }else if(Math.ceil(_this.ctnm/12)>5){
            _this.sl4=[0,1,2,3,4]
          }


        });

             $.each(_this.tcmsg, function (key, value) {
                value.array1=[{'trademarkshowimagetwo':value.trademarkshowimage},{'trademarkshowimagetwo':value.trademarkshowimagetwo}]


                // if(value.trademarkshowimagetwo == null){

                // }else{

                //   if(value.trademarkshowimage == null){
                //     // _this.chjarr[0].trademarkshowimage = value.trademarkimage
                //   }else{
                //     // _this.chjarr[0].trademarkshowimage = value.trademarkshowimage
                //   }
                //   // _this.chjarr[1].trademarkshowimage = value.trademarkshowimagetwo
                // }
             });


        // if(i.trademarkshowimagetwo == null){

        //      // this img =
        // }else{
        //    // <img ?'https://exam.zhonghaiqihang.com/'+i.trademarkimage:'https://exam.zhonghaiqihang.com/'+i.trademarkshowimagetwo" >
        // }



  },


      methods: {
        cahngge(){
          var _this = this
          $.each(_this.tcmsg, function (key, value) {

            value.array1=[{'trademarkshowimagetwo':value.trademarkshowimage,'trademarkimage':value.trademarkimage},{'trademarkshowimagetwo':value.trademarkshowimagetwo}]
              if(value.array1[0].trademarkshowimagetwo == null){
                value.array1[0].trademarkshowimagetwo = value.array1[0].trademarkimage
              }else{
                value.array1[0].trademarkshowimagetwo != value.array1[0].trademarkimage
              }


              // if(value.trademarkshowimagetwo == null){

              // }else{
              //   if(value.trademarkshowimage == null){
              //     _this.chjarr[0].trademarkshowimage = value.trademarkimage
              //   }else{
              //     _this.chjarr[0].trademarkshowimage = value.trademarkshowimage
              //   }

              //   _this.chjarr[1].trademarkshowimage = value.trademarkshowimagetwo
              // }
          });
        },
        xl:function(e){
          var _this = this
          _this.tcmsg = ''
          _this.ss = e
           // console.log(_this.ss)
        },


        huifu:function(){

          var _this = this

          _this.msg = ""
          if(_this.msg == ""){
              $('.chj_seek_list').hide()
          }

          _this.ctext = ""
          _this.eee = 0
          _this.$axios.get('https://exam.zhonghaiqihang.com/PInterface/Trademark/trademarkData',{
          })
             .then(function (response) {
               _this.tcmsg = response.data;
                _this.aa = -1
                // console.log(_this.tcmsg)
                 delete _this.tcmsg.countnum;
                  _this.cahngge()
             });
        },


        seek:function(){
           var _this = this;
           _this.syz3()
           _this.eee = 2
           _this.$axios.post('https://exam.zhonghaiqihang.com/PInterface/Trademark/trademarkData','name='+_this.msg
           )


             .then(function (response) {
                // console.log(response.data)
                _this.tcmsg = response.data;
                 _this.tcmsg2 = response.data;
                _this.ctnm3 = _this.tcmsg.countnum
                // console.log(_this.ctnm3)


                // console.log(response.data)
                if(Math.ceil(_this.ctnm3/6)==1){
                  _this.sl43=[0]
                }else if(Math.ceil(_this.ctnm3/12)==2){
                  _this.sl43=[0,1]
                }else if(Math.ceil(_this.ctnm3/12)==3){
                  _this.sl43=[0,1,2]
                }else if(Math.ceil(_this.ctnm3/12)==4){
                  _this.sl43=[0,1,2,3]
                }else if(Math.ceil(_this.ctnm3/12)==5){
                  _this.sl43=[0,1,2,3,4]
                }else if(Math.ceil(_this.ctnm3/12)>5){
                  _this.sl43=[0,1,2,3,4]
                }

                   delete _this.tcmsg.countnum;
                     _this.cahngge()
                   });

        },






        tap:function(e,e1){

            var _this = this;
             _this.syz2()


             // $('.submits').val("")

             if(_this.msg == ""){
                 $('.chj_seek_list').hide()
             }
             // console.log( _this.msg)
             _this.ctext = e1
             _this.eee = 1

            _this.aa = e-1
            _this.aa2 = e
            // console.log(_this.aa2)
           _this.$axios.get('https://exam.zhonghaiqihang.com/PInterface/Trademark/trademarkData',{
             params:{
               trademarktype:e
             }
           })
              .then(function (response) {
                _this.sl32 = 0;
                 _this.msg = ""
                // console.log(response.data)
                _this.tcmsg = response.data;
                 _this.tcmsg2 = response.data;
                _this.ctnm2 = _this.tcmsg.countnum
                 var pagenum = Math.ceil(_this.ctnm2/12)
                 var pagrarr = []
                 for(var i=0;i<pagenum;i++){
                   console.log(pagrarr.push(i))
                 }
                 _this.sl42 = pagrarr
                   delete _this.tcmsg.countnum;
                     _this.cahngge()

              });
        },

        qh:function(e){
          this.num1 = e-1;
          this.sl3 = (e-1)/12;
          var _this = this;
          _this.$axios.get('https://exam.zhonghaiqihang.com/'+'PInterface/Trademark/trademarkData',{
            params:{
              num:_this.num1
            }
          })
            .then(function(response){

            _this.tcmsg = response.data
            // console.log(_this.tcmsg)
                 delete _this.tcmsg.countnum;
            _this.cahngge()
            });






        },

         qh2:function(e){
           this.num2 = e-1;
           this.sl32 = (e-1)/12;
           var _this = this;

             _this.$axios.get('https://exam.zhonghaiqihang.com/'+'PInterface/Trademark/trademarkData',{
               params:{
                 trademarktype:_this.aa2,
                  num:_this.num2,
               }
             })
               .then(function(response){
                _this.tcmsg = response.data
                    delete _this.tcmsg.countnum;
                    _this.cahngge()
               });





         },

          qh3:function(e){
            // console.log(e)
            var _this = this;
            _this.num3 = e-1;
            _this.sl33 = (e-1)/12;
         _this.$axios.post('https://exam.zhonghaiqihang.com/PInterface/Trademark/trademarkData','name='+_this.msg+'&num='+_this.num3
           )
                .then(function(response){

                  _this.tcmsg = response.data
                  // console.log(_this.tcmsg)
                     delete _this.tcmsg.countnum;
                     _this.cahngge()
                });





          },



        syz:function(){
      var _this = this;
      this.num1 = 0;
      this.sl3 = 0;

           var _this = this;
           _this.$axios.get('https://exam.zhonghaiqihang.com/PInterface/Trademark/trademarkData',{
             params:{
               num:_this.num1
             }
           })
             .then(function(response){
               // _this.title.into = response.data;
                _this.tcmsg= response.data;
              delete _this.tcmsg.countnum;
               // _this.title.info2 = response.data.info[_this.title.sl-1].info;
                 _this.cahngge()

             });
      if(Math.ceil(_this.ctnm/12)==1){
        _this.sl4=[0]
      }else if(Math.ceil(_this.ctnm/12)==2){
        _this.sl4=[0,1]
      }else if(Math.ceil(_this.ctnm/12)==3){
        _this.sl4=[0,1,2]
      }else if(Math.ceil(_this.ctnm/12)==4){
        _this.sl4=[0,1,2,3]
      }else if(Math.ceil(_this.ctnm/12)==5){
        _this.sl4=[0,1,2,3,4]
      }else if(Math.ceil(_this.ctnm/12)>5){
        _this.sl4=[0,1,2,3,4]
      }



        },

        syz2:function(){
        var _this = this;
        this.num2 = 0;
        this.sl32 = 0;

             var _this = this;
             _this.$axios.get('https://exam.zhonghaiqihang.com/PInterface/Trademark/trademarkData',{
               params:{
                 trademarktype:_this.aa2,
                  num:_this.num2,
               }
             })
               .then(function(response){
              _this.tcmsg = response.data
                  delete _this.tcmsg.countnum;
                  _this.cahngge()

               });
        if(Math.ceil(_this.ctnm2/12)==1){
          _this.sl42=[0]
        }else if(Math.ceil(_this.ctnm2/12)==2){
          _this.sl42=[0,1]
        }else if(Math.ceil(_this.ctnm2/12)==3){
          _this.sl42=[0,1,2]
        }else if(Math.ceil(_this.ctnm2/12)==4){
          _this.sl42=[0,1,2,3]
        }else if(Math.ceil(_this.ctnm2/12)==5){
          _this.sl42=[0,1,2,3,4]
        }else if(Math.ceil(_this.ctnm2/12)>5){
          _this.sl42=[0,1,2,3,4]
        }



          },

          syz3:function(){
          var _this = this;
          _this.num3 = 0;
          _this.sl33 = 0;
        _this.$axios.post('https://exam.zhonghaiqihang.com/PInterface/Trademark/trademarkData','name='+_this.msg
          )
                 .then(function(response){
                _this.tcmsg = response.data
                    delete _this.tcmsg.countnum;

                 });
          if(Math.ceil(_this.ctnm3/12)==1){
            _this.sl43=[0]
          }else if(Math.ceil(_this.ctnm3/12)==2){
            _this.sl43=[0,1]
          }else if(Math.ceil(_this.ctnm3/12)==3){
            _this.sl43=[0,1,2]
          }else if(Math.ceil(_this.ctnm3/12)==4){
            _this.sl43=[0,1,2,3]
          }else if(Math.ceil(_this.ctnm3/12)==5){
            _this.sl43=[0,1,2,3,4]
          }else if(Math.ceil(_this.ctnm3/12)>5){
            _this.sl43=[0,1,2,3,4]
          }

          _this.cahngge()

            },


        xyz:function(){
          var _this = this;
          this.num1 = Math.ceil(_this.ctnm/12)*12-12;
          this.sl3 = Math.ceil(_this.ctnm/12)-1;

           var _this = this;
           _this.$axios.get('https://exam.zhonghaiqihang.com/PInterface/Trademark/trademarkData',{
             params:{
               num:_this.num1
             }
           })
             .then(function(response){
               _this.tcmsg= response.data;
               // _this.title.info2 = response.data.info[_this.title.sl-1].info;
               delete _this.tcmsg.countnum;
                _this.cahngge()
             });
           if(Math.ceil(_this.ctnm/12)==1){
             _this.sl4=[0]
           }else if(Math.ceil(_this.ctnm/12)==2){
             _this.sl4=[0,1]
           }else if(Math.ceil(_this.ctnm/12)==3){
             _this.sl4=[0,1,2]
           }else if(Math.ceil(_this.ctnm/12)==4){
             _this.sl4=[0,1,2,3]
           }else if(Math.ceil(_this.ctnm/12)==5){
             _this.sl4=[0,1,2,3,4]
           }else if(Math.ceil(_this.ctnm/12)>5){
             _this.sl4=[Math.ceil(_this.ctnm/12)-5,Math.ceil(_this.ctnm/12)-4,Math.ceil(_this.ctnm/12)-3,Math.ceil(_this.ctnm/12)-2,Math.ceil(_this.ctnm/12)-1]
           }


        },


        xyz2:function(){
          var _this = this;
          this.num2 = Math.ceil(_this.ctnm2/12)*12-12;
          this.sl32 = Math.ceil(_this.ctnm2/12)-1;

           var _this = this;
           _this.$axios.get('https://exam.zhonghaiqihang.com/PInterface/Trademark/trademarkData',{
              params:{
                trademarktype:_this.aa2,
                 num:_this.num2,
              }
           })
             .then(function(response){
                _this.tcmsg = response.data
                 delete _this.tcmsg.countnum;
                _this.cahngge()
             });
           if(Math.ceil(_this.ctnm2/12)==1){
             _this.sl42=[0]
           }else if(Math.ceil(_this.ctnm2/12)==2){
             _this.sl42=[0,1]
           }else if(Math.ceil(_this.ctnm2/12)==3){
             _this.sl42=[0,1,2]
           }else if(Math.ceil(_this.ctnm2/12)==4){
             _this.sl42=[0,1,2,3]
           }else if(Math.ceil(_this.ctnm2/12)==5){
             _this.sl42=[0,1,2,3,4]
           }else if(Math.ceil(_this.ctnm2/12)>5){
             _this.sl42=[Math.ceil(_this.ctnm2/12)-5,Math.ceil(_this.ctnm2/12)-4,Math.ceil(_this.ctnm2/12)-3,Math.ceil(_this.ctnm2/12)-2,Math.ceil(_this.ctnm2/12)-1]
           }


        },

        xyz3:function(){
          var _this = this;
          _this.num3 = Math.ceil(_this.ctnm3/12)*12-12;
          _this.sl33 = Math.ceil(_this.ctnm3/12)-1;

           var _this = this;
         _this.$axios.post('https://exam.zhonghaiqihang.com/PInterface/Trademark/trademarkData','name='+_this.msg+'&num='+_this.num3
           )
                .then(function(response){

                  _this.tcmsg = response.data
                  // console.log(_this.tcmsg)
                     delete _this.tcmsg.countnum;
                     _this.cahngge()
                });
           if(Math.ceil(_this.ctnm3/12)==1){
             _this.sl43=[0]
           }else if(Math.ceil(_this.ctnm3/12)==2){
             _this.sl43=[0,1]
           }else if(Math.ceil(_this.ctnm3/12)==3){
             _this.sl43=[0,1,2]
           }else if(Math.ceil(_this.ctnm3/12)==4){
             _this.sl43=[0,1,2,3]
           }else if(Math.ceil(_this.ctnm3/12)==5){
             _this.sl43=[0,1,2,3,4]
           }else if(Math.ceil(_this.ctnm3/12)>5){
             _this.sl43=[Math.ceil(_this.ctnm3/12)-5,Math.ceil(_this.ctnm3/12)-4,Math.ceil(_this.ctnm3/12)-3,Math.ceil(_this.ctnm3/12)-2,Math.ceil(_this.ctnm3/12)-1]
           }


        },



    xyy:function(){
        // console.log(this.ctnm)
      if((this.num1+12)< this.ctnm){

        if (this.sl3<this.sl4[4]){
          var _this = this;
          _this.num1 = parseInt(_this.num1)+12;
          _this.$axios.get('https://exam.zhonghaiqihang.com/PInterface/Trademark/trademarkData',{
            params:{
              num:_this.num1
            }
          })
            .then(function(response){

              _this.tcmsg = response.data;
              _this.sl3 = _this.sl3+1;
              delete _this.tcmsg.countnum;
              if((_this.sl3+1)%11==0){
                _this.djshu = _this.sl3-1;
              }
               _this.cahngge()
            });
        }else if(this.sl3<this.ctnm){
          var  _this = this;
          _this.num1 = parseInt(_this.num1)+12;
          _this.$axios.get('https://exam.zhonghaiqihang.com/PInterface/Trademark/trademarkData',{
            params:{
              num:_this.num1
            }
          })
            .then(function(response){
              _this.tcmsg = response.data;
                delete _this.tcmsg.countnum;
              _this.sl3 = _this.sl3+1;
              if((_this.sl3+1)%11==0){
                _this.djshu = _this.sl3-1;
              }
               _this.cahngge()
            });
          var _this = this;
          for(let i=0;i<this.sl4.length;i++){
            this.sl4[i]=this.sl4[i]+1
          }

        }


      }


    },


    xyy2:function(){

      if((this.num2+12)< this.ctnm2){
        if (this.sl32<this.sl42[this.sl42.length>5?4:this.sl42.length-1]){
          var _this = this;
          _this.num2 = parseInt(_this.num2)+12;
          _this.$axios.get('https://exam.zhonghaiqihang.com/PInterface/Trademark/trademarkData',{
              params:{
                trademarktype:_this.aa2,
                 num:_this.num2,
              }
          })
            .then(function(response){

              _this.tcmsg = response.data;
              _this.sl32 = _this.sl32+1;
              delete _this.tcmsg.countnum;
              _this.cahngge()
              if((_this.sl32+1)%11==0){
                _this.djshu = _this.sl32-1;
              }
            });
        }else if(this.sl32<this.ctnm2){
          var  _this = this;
          _this.num2 = parseInt(_this.num2)+12;
          _this.$axios.get('https://exam.zhonghaiqihang.com/PInterface/Trademark/trademarkData',{
              params:{
                trademarktype:_this.aa2,
                 num:_this.num2,
              }
          })
            .then(function(response){
              _this.tcmsg = response.data;
                delete _this.tcmsg.countnum;
                _this.cahngge()
              _this.sl32 = _this.sl32+1;
              if((_this.sl32+1)%11==0){
                _this.djshu = _this.sl32-1;
              }
            });
          var _this = this;
            for(let i=0;i<this.sl42.length;i++){
              this.sl42[i]=this.sl42[i]+1
            }



        }


      }


    },

    xyy3:function(){
      if((this.num3+12)< this.ctnm3){

        if (this.sl33<this.sl43[this.sl43.length>5?4:this.sl43.length-1]){
          var _this = this;
          _this.num3 = parseInt(_this.num3)+12;
         _this.$axios.post('https://exam.zhonghaiqihang.com/PInterface/Trademark/trademarkData','name='+_this.msg+'&num='+_this.num3
           )
                .then(function(response){

                    _this.tcmsg = response.data;
                    _this.sl33 = _this.sl33+1;
                    delete _this.tcmsg.countnum;
                    _this.cahngge()
                    if((_this.sl33+1)%11==0){
                      _this.djshu = _this.sl33-1;
                    }
                });
        }else if(this.sl33<this.ctnm3){
          var  _this = this;
          _this.num3 = parseInt(_this.num3)+12;
         _this.$axios.post('https://exam.zhonghaiqihang.com/PInterface/Trademark/trademarkData','name='+_this.msg+'&num='+_this.num3
           )
                .then(function(response){
                  _this.tcmsg = response.data;
                    delete _this.tcmsg.countnum;
                    _this.cahngge()
                  _this.sl33 = _this.sl33+1;
                  if((_this.sl33+1)%11==0){
                    _this.djshu = _this.sl33-1;
                  }
                });
          var _this = this;
          for(let i=0;i<this.sl43.length;i++){
            this.sl43[i]=this.sl43[i]+1
          }

        }


      }


    },


    syy:function(){
      if(this.num1>=12){
        if(this.sl3>this.sl4[0]){
          var _this = this;
          _this.num1 = parseInt(_this.num1)-12;
          _this.$axios.get('https://exam.zhonghaiqihang.com/PInterface/Trademark/trademarkData',{
            params:{
              num:_this.num1
            }
          })
            .then(function(response){
              _this.tcmsg = response.data;
               delete _this.tcmsg.countnum;
              _this.sl3 = _this.sl3-1;
              if((_this.sl3+1)%11==0){
                _this.djshu = _this.sl3+1;
              }
              _this.cahngge()
            });
        }else if(this.sl3!=0){
          var _this = this;
          for(let i=0;i<this.sl4.length;i++){
            this.sl4[i]=this.sl4[i]-1
          }
          _this.num1 = parseInt(_this.num1)-12;
          _this.$axios.get('https://exam.zhonghaiqihang.com/PInterface/Trademark/trademarkData',{
            params:{
              num:_this.num1
            }
          })
            .then(function(response){
              _this.tcmsg = response.data;
              delete _this.tcmsg.countnum;
              _this.sl3 = _this.sl3-1;
              if((_this.sl3+1)%11==0){
                _this.djshu = _this.sl3+1;
              }
              _this.cahngge()
            });

        }

      }
    },

  syy2:function(){
    if(this.num2>=12){
      if(this.sl32>this.sl42[0]){
        var _this = this;
        _this.num2 = parseInt(_this.num2)-12;
        _this.$axios.get('https://exam.zhonghaiqihang.com/PInterface/Trademark/trademarkData',{
              params:{
                trademarktype:_this.aa2,
                 num:_this.num2,
              }
        })
          .then(function(response){
            _this.tcmsg = response.data;
             delete _this.tcmsg.countnum;
             _this.cahngge()
            _this.sl32 = _this.sl32-1;
            if((_this.sl32+1)%11==0){
              _this.djshu = _this.sl32+1;
            }
          });
      }else if(this.sl32!=0){
        var _this = this;
        for(let i=0;i<this.sl42.length;i++){
          this.sl42[i]=this.sl42[i]-1
        }
        _this.num2 = parseInt(_this.num2)-12;
        _this.$axios.get('https://exam.zhonghaiqihang.com/PInterface/Trademark/trademarkData',{
              params:{
                trademarktype:_this.aa2,
                 num:_this.num2,
              }
        })
          .then(function(response){
            _this.tcmsg = response.data;
            delete _this.tcmsg.countnum;
            _this.cahngge()
            _this.sl32 = _this.sl32-1;
            if((_this.sl32+1)%11==0){
              _this.djshu = _this.sl32+1;
            }
          });
      }

    }
  },

  syy3:function(){

    if(this.num3>=12){
      if(this.sl33>this.sl43[0]){
        var _this = this;
        _this.num3 = parseInt(_this.num3)-12;
         _this.$axios.post('https://exam.zhonghaiqihang.com/PInterface/Trademark/trademarkData','name='+_this.msg+'&num='+_this.num3
           )
                .then(function(response){
                   _this.tcmsg = response.data;
                    delete _this.tcmsg.countnum;
                    _this.cahngge()
                   _this.sl33 = _this.sl33-1;
                   if((_this.sl33+1)%11==0){
                     _this.djshu = _this.sl33+1;
                   }
                });

      }else if(this.sl33!=0){
        var _this = this;
        for(let i=0;i<this.sl43.length;i++){
          this.sl43[i]=this.sl43[i]-1
        }
        _this.num3 = parseInt(_this.num3)-12;
         _this.$axios.post('https://exam.zhonghaiqihang.com/PInterface/Trademark/trademarkData','name='+_this.msg+'&num='+_this.num3
           )
                .then(function(response){
                  _this.tcmsg = response.data;
                  delete _this.tcmsg.countnum;
                  _this.cahngge()
                  _this.sl33 = _this.sl33-1;
                  if((_this.sl33+1)%11==0){
                    _this.djshu = _this.sl33+1;
                  }
                });
      }

    }
  },



      // dkgm2:function(){
      //   var _this = this;
      //   this.goumai.select = 1;
      //   console.log(_this.ss)
      //   if(this.ss.trademarkshowimage == null){
      //       this.goumai.img = 'https://exam.zhonghaiqihang.com/'+this.ss.trademarkimage
      //   }else{
      //     this.goumai.img =  'https://exam.zhonghaiqihang.com/'+this.ss.trademarkshowimage;
      //   }
      //   if(this.ss.trademarkshowimagetwo == null){
      //      this.goumai.two = 'https://exam.zhonghaiqihang.com/'+this.ss.trademarkimage
      //   }else{
      //      this.goumai.two =  'https://exam.zhonghaiqihang.com/'+this.ss.trademarkshowimagetwo;
      //   }
      //     this.goumai.name =   this.ss.trademarkname;
      //     this.goumai.zhucemark =   this.ss.trademarkregistercardnum;
      //     this.goumai.liebie =   this.ss.trademarktype;
      //     this.goumai.chucesort =   this.ss.registertype;
      //     this.goumai.jiage =   this.ss.proposalsaleprice;
      //     this.goumai.text =   this.ss.serviceitems;

      // },

      dkgm:function(e1,e2){
        var _this = this;
        this.goumai.select = 1;

        // if(e1.trademarkshowimage == null){
        //     this.goumai.img = 'https://exam.zhonghaiqihang.com/'+e1.trademarkimage
        // }else{
        //   this.goumai.img =  'https://exam.zhonghaiqihang.com/'+e1.trademarkshowimage;
        // }
        // if(e1.trademarkshowimagetwo == null){
        //    this.goumai.two = 'https://exam.zhonghaiqihang.com/'+e1.trademarkimage
        // }else{
        //    this.goumai.two =  'https://exam.zhonghaiqihang.com/'+e1.trademarkshowimagetwo;
        // }
          this.goumai.name =   e1.trademarkname;
          this.goumai.zhucemark =   e1.trademarkregistercardnum;
          this.goumai.liebie =   e1.trademarktype;
          this.goumai.chucesort =   e1.registertype;
          this.goumai.jiage =   e1.proposalsaleprice;
          this.goumai.text =   e1.serviceitems;
                      // value.array1=[{'trademarkshowimagetwo':value.trademarkshowimage,'trademarkimage':value.trademarkimage},{'trademarkshowimagetwo':value.trademarkshowimagetwo}]
                      //   if(value.array1[0].trademarkshowimagetwo == null){
                      //     value.array1[0].trademarkshowimagetwo = value.array1[0].trademarkimage
                      //   }else{
                      //     value.array1[0].trademarkshowimagetwo != value.array1[0].trademarkimage
                      //   }
                      // console.log(e1)
           this.goumai.trademarkshowimagetwo = e1.trademarkshowimagetwo
           this.goumai.array1[0].trademarkimage = e1.array1[0].trademarkshowimagetwo
           this.goumai.array1[1].trademarkimage = e1.array1[1].trademarkshowimagetwo


                        // =
      },
      gmgb:function(){
        this.goumai.select = 0;
      },



      }



}




</script>

<style>
</style>
